<template>
  <div>
    <div class="headWrap">
      <span class="cart">购物车</span>
      <span class="coupons">领券</span>
    </div>
    <div class="contentWrap">
      <ul class="policies">
        <li>30天无理由退货</li>
        <li>48小时极速退款</li>
        <li>满88元包邮</li>
      </ul>
      <div class="emptyCart">
        <div class="bgImg"></div>
        <div class="txt">去添加点什么吧</div>
      </div>
      <div class="login" @click="$router.replace('/profile/logcenter')">
        登录
      </div>
    </div>
    <Footer/>
  </div>
</template>

<script>
  import Footer from 'components/Footer'
  export default {
    name: 'index',
    components:{
      Footer
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .headWrap
    width 100%
    height 88px
    box-sizing border-box
    padding 0 30px
    display flex
    justify-content space-between
    align-items center
    span
      display inline-block
      text-align center
      &.cart
        width 108px
        height 88px
        line-height 88px
        font-size 36px
      &.coupons
        width 60px
        height 33px
        font-size 30px
        margin-right 20px
        color #B4282D
  .contentWrap
    width 100%
    height 1246px
    background #F4F4F4
    box-sizing border-box
    .policies
      height 70px
      padding 0 30px
      display flex
      justify-content space-between
      align-items center
      color #666
    .emptyCart
      width 100%
      height 300px
      margin 378px 0
      .bgImg
        width 248px
        height 248px
        margin 0 auto
        background no-repeat url("https://yanxuan-static.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/noCart-d6193bd6e4.png")
        background-size 100%
        background-position 0 0
      .txt
        font-size 28px
        height 28px
        line-height 28px
        text-align center
        color #999
    .login
      width 480px
      height 92px
      background: #B4282D
      color #fff
      font-size 30px
      line-height 92px
      text-align center
      margin -350px auto
</style>
